/*
接口1：查询歌曲
请求地址：https://autumnfish.cn/search
请求方法：get
请求参数：keywords
响应内容：歌曲搜索结果


接口2：获取歌曲链接
请求地址：https://autumnfish.cn/song/url
请求方法：get
请求参数：id
响应内容：歌曲url地址

接口3：获取封面
请求地址：https://autumnfish.cn/song/detail
请求方法：get
请求参数：ids
响应内容：歌曲详情，包括封面

接口4：歌曲评论
请求地址：https://autumnfish.cn/comment/hot?type=0
请求方法：get
请求参数：id，type固定为0
响应内容：歌曲热门评论

接口5：获取MV
请求地址：https://autumnfish.cn/mv/url
请求方法：get
请求参数：id  =   mvid
响应内容：获取MV地址
*/

var app = new Vue({
    el: '#app',
    data: {
        query: '五月天',
        musicList:[],
        musicUrl:'',
        musicPicUrl:'',
        hotComments:[],
        isPlaying:false,

        isShow:false,
        mvUrl:""
    },
    methods: {
        searchMusic: function () {
            var that = this
            axios.get('https://autumnfish.cn/search?keywords='+this.query).then(
                function (response) {
                    //console.log(response)
                    that.musicList = response.data.result.songs
                    //console.log(that.musiclist)
                },
                function (err) {
                    console.log(err)
                }
            ).catch(
                function (err) {
                    console.log(err)
                }
            )
        },

        playMusic:function(Musicid){
            console.log(Musicid)
            var that = this
            //获取歌曲地址
            axios.get('https://autumnfish.cn/song/url?id='+Musicid).then(
                function(response){
                    //console.log(response)
                   // console.log(response.data.data[0].url)
                    that.musicUrl=response.data.data[0].url

                },
                function(err){
                    console.log(err)
                }
            )

            
            //获取歌曲详情
            axios.get('https://autumnfish.cn/song/detail?ids='+Musicid).then(
                function(response){
                    that.musicPicUrl = response.data.songs[0].al.picUrl
                    //console.log(response)
                    //console.log(that.musicPicUrl)
                },
                function(err){
                    console.log(err)
                }
            )

            //获取歌曲评论
            axios.get('https://autumnfish.cn/comment/hot?type=0&id='+Musicid).then(
                function(response){
                    //that.musicPicUrl = response.data.songs[0].al.picUrl
                    console.log(response)
                    that.hotComments = response.data.hotComments
                    console.log(that.hotComments)
                },
                function(err){
                    console.log(err)
                }
            )

        },

        play:function(){
            console.log('true');
            this.isPlaying=true
        },

        pause:function(){
            console.log('false')
            this.isPlaying=false
        },

        palyMv: function (mvid) {
            var that = this
            axios.get('https://autumnfish.cn/mv/url?id='+mvid).then(
                function (response) {
                    //console.log(response)
                    that.isShow = true
                    that.mvUrl = response.data.data.url
                    console.log(that.mvUrl)
                },
                function (err) {
                    console.log(err)
                }
            ).catch(
                function (err) {
                    console.log(err)
                }
            )
        },

    }
})